<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="icon" href="images/icone_site/favicon.jpg">
		<title>Gamekillers - Articles en attente</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<link href="css/complement.css" rel="stylesheet">
	</head>
	<body>
		<?php
			//include_once("bar_connect.html");
			include_once("accessoires/header.html");
			include_once("accessoires/menu.html");
		?>
		<section class="page">
			<div role="tabpanel">
				<div class="panel panel-default">
					<!-- Default panel contents -->
					<div class="panel-heading" style="font-size:20px;margin-bottom: 20px;">Liste des articles en attente d'être validée</div>

					<?php $i=0; while(isset($id_article[$i])){ ?>
					<div class="panel panel-default" style="margin: 0 20px 20px 20px">
						<div class="panel-heading" role="tab" id="heading<?php echo $i; ?>">
							<h3 class="panel-title">
								<div class="btn-group btn-group-xs" role="group" aria-label="..." style="padding-right: 15px;">
									<a class="btn btn-success " href="admin_article.php?valider=<?php echo $id_article[$i]; ?>" role="button"> Valider </a>
									<a class="btn btn-danger " href="admin_article.php?supprimer=<?php echo $id_article[$i]; ?>" role="button"> Supprimer </a>
								</div>
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse_article<?php echo $i; ?>" aria-expanded="true" aria-controls="collapse<?php echo $i; ?>">
									<span style="padding-right: 15px;">Titre : <b><?php echo $titre_article[$i]; ?></b></span>
									<span>Categorie : <b><?php echo $libelle_article[$i]; ?></b></span>
									<span class="glyphicon glyphicon-triangle-bottom mes_notes"></span>
								</a>
								<div class="date_art">Ecrit le : <em><?php echo $date_article[$i]; ?></em></div>
							</h3>
						</div>
						<div id="collapse_article<?php echo $i; ?>" class="panel-collapse collapse <?php  if($i==0)echo 'in'; ?>" role="tabpanel" aria-labelledby="heading<?php echo $i; ?>">
							<div class="article thumbnail col-sm-1 col-sm-height full-article article-auteur" style="border:none;border-right: 1px solid #ddd;">
								<p class="pseudo">Ecrit par <strong><?php echo $pseudo_auteur_article[$i]; ?></strong></p>
								<img src="<?php echo $avatar_auteur_article[$i]; ?>" alt="av_aut" class="img-rounded img-responsive" height="100" width="100" />
							</div>
							<div class="article thumbnail col-sm-11 col-sm-height full-article article-text" style="border:none;">
								<?php echo $texte_article[$i] ; ?>
							</div>
						</div>
					</div>
					<?php $i++; }
					 if($i==0) { ?><div class="message_profil">Il n'y a aucun articles en attente</div><?php }  ?>
				</div>
			</div>
		</section>
		<?php
			include_once("accessoires/footer.html");
		?>
		<!-- jQuery -->
		<script src="js/jquery-2.1.3.min.js"></script>
		<!-- bootstrap js-->
		<script src="js/bootstrap.min.js"></script>
	</body>
</html>